<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>银泰网</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" type="text/css" href="css/index.css"/>
    <script src="js/jquery-3.2.1.js"></script>
    <script src="js/main.js"></script>
    <script src="js/animate.js"></script>

</head>
<body>
    <div id="header-wrap">
        <div class="header">
            <div class="header-left">
                <ul>
                    <li>
                        <a href="javascript:;">
                            <span></span>
                            银泰首页
                            <b>|</b>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <span></span>
                            微信
                            <i></i>
                            <b>|</b>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <span></span>
                            手机银泰
                            <i></i>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="header-right">
                <ul>
                    <li>
                        <i>Hi,欢迎来到银泰网！</i>
                        <a href="#">登录</a>
                        <a href="#">注册</a>
                        <b>|</b>
                    </li>
                    <li>
                        <a href="#">
                            <span>我的订单</span>
                            <b>|</b>
                        </a>

                    </li>
                    <li>
                        <a href="#">
                            <span>我的银泰</span>
                            <i></i>
                            <b>|</b>
                        </a>
                        <ul>
                            <li><a href="#">我的收藏</a></li>
                            <li><a href="#">我的余额</a></li>
                            <li><a href="#">我的银元</a></li>
                            <li><a href="#">我的银泰卡</a></li>
                            <li><a href="#">我的优惠券</a></li>
                            <li><a href="#">我的积分</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="#">
                            <span>银泰卡</span>
                            <b>|</b>
                        </a>

                    </li>
                    <li>
                        <a href="#">
                            <span>帮助中心</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div id="header-banner">
        <a href="#"><img src="images/header-banner.jpg" /></a>
    </div>
    <div id="main-wrap">
        <div class="main">
            <div class="main-top">
                <div class="m-left">
                    <h1>
                        <a href="#" title="银泰网">银泰网</a>
                    </h1>
                    <a href="#">
                        <img src="images/logo-2.gif"/>
                    </a>
                </div>
                <div class="m-center">
                    <div class="search">
                        <input type="text" placeholder="大家正在搜：专柜同款 卡通T恤FUN">
                        <button title="搜索"></button>
                    </div>
                    <div class="list">
                        <a href="#">KENZO</a>
                        <a href="#">隔离霜</a>
                        <a href="#">西装裤</a>
                        <a href="#">背心裙</a>
                        <a href="#">户外腰包</a>
                        <a href="#">斜跨包</a>
                        <a href="#">优雅手表</a>
                        <a href="#">电动牙刷</a>
                        <a href="#">凉拖</a>
                        <a href="#">凉席</a>
                    </div>
                </div>
                <div class="shop">
                    <a href="#">
                        <span>
                            购物车
                            <strong>0</strong>
                            件
                        </span>
                        <b></b>
                    </a>
                    <div class="shop-list">
                        购物袋中还没有商品，赶快选购吧！
                    </div>
                </div>

            </div>
            <div class="main-bottom">
                <div class="b-left">
                    <h3><a href="#">全部分类</a></h3>
                </div>
                <div class="b-center">
                    <ul>
                        <li>
                            <a href="#">名品馆</a>
                        </li>
                        <li><a href="#">特卖</a></li>
                        <li><a href="#">海淘馆</a></li>
                        <li><a href="#">会员专享</a></li>
                    </ul>

                </div>
                <div class="b-right">
                    <a href="#">积分商城&nbsp;&nbsp;</a>
                    <span>|</span>
                    <a href="#">&nbsp;&nbsp;全部品牌</a>
                </div>

            </div>
        </div>
    </div>
    <!--banner图-->
    <div id="banner-wrap">
        <div class="banner">
            <div class="inner">
                <ul>
                    <li><a href="javascript:;"><img src="images/banner-1.jpg" alt=""/></a></li>
                    <li><a href="javascript:;"><img src="images/banner-2.jpg" alt=""/></a></li>
                    <li><a href="javascript:;"><img src="images/banner-3.jpg" alt=""/></a></li>
                    <li><a href="javascript:;"><img src="images/banner-4.jpg" alt=""/></a></li>
                    <li><a href="javascript:;"><img src="images/banner-5.jpg" alt=""/></a></li>
                </ul>
            </div>
            <div class="dot">
                <ul></ul>
            </div>
            <ol>
                <li>
                    <a href="javascript:;">
                        <span></span>
                        <strong>名品 |</strong>
                        <i>春夏新品</i>
                        <b>></b>
                    </a>
                    <div class="nav-list">
                        <div class="n-left">
                            <ul>
                                <li>
                                    <h4>男装</h4>
                                    <span>新品</span>
                                    <span>T恤</span>
                                    <span>POLO衫</span>
                                    <span>裤装</span>
                                    <span>衬衫</span>
                                </li>
                                <li>
                                    <h4>女装</h4>
                                    <span>新品</span>
                                    <span>T恤</span>
                                    <span>裤装</span>
                                    <span>裙装</span>
                                </li>
                                <li>
                                    <h4>鞋靴</h4>
                                    <span>新品</span>
                                    <span>女士单鞋</span>
                                    <span>男鞋</span>
                                </li>
                                <li>
                                    <h4>女包</h4>
                                    <span>新品</span>
                                    <span>手提斜跨包</span>
                                    <span>单肩包</span>
                                    <span>钱夹</span>
                                    <span>手拿包</span>
                                </li>
                                <li>
                                    <h4>男包</h4>
                                    <span>新品</span>
                                    <span>钱包</span>
                                    <span>单肩包</span>
                                    <span>手拿包</span>
                                    <span>手提包</span>
                                </li>
                                <li>
                                    <h4>配饰</h4>
                                    <span>新品</span>
                                    <span>围巾</span>
                                    <span>帽子</span>
                                    <span>腰带</span>
                                </li>
                                <li>
                                    <h4>婴童</h4>
                                    <span>童装</span>
                                    <span>童鞋</span>
                                    <span>婴童配饰</span>
                                </li>
                            </ul>
                        </div>
                        <div class="n-right">
                            <h4>品牌</h4>
                            <ul>
                                <li><a href="#">BURBERRY</a></li>
                                <li><a href="#">GUCCI &nbsp;&nbsp;</a><a href="#"> COACH</a></li>
                                <li><a href="#">FERRAGAMO</a></li>
                                <li><a href="#">DIESEL&nbsp;&nbsp;</a><a href="#"> VERSACE</a></li>
                                <li><a href="#">MAX&CO</a></li>
                                <li><a href="#">FRED PERRY</a></li>
                                <li><a href="#">CELINE</a></li>
                                <li><a href="#">ARMANI JEANS</a></li>
                                <li><a href="#">SPORTMAX</a></li>
                                <li><a href="#">MAX MARA</a></li>
                                <li><a href="#">MICHAEL KORS</a></li>
                                <li><a href="#">ZEGNA&nbsp;&nbsp; </a><a href="#"> FENDI</a></li>
                                <li><a href="#">EMPORIO ARMANI</a></li>
                                <li><a href="#">BALLY</a></li>
                                <li><a href="#">ALEXANDER MCQUEEN</a></li>
                            </ul>
                        </div>
                    </div>
                </li>
                <li>
                    <a href="javascript:;">
                        <span></span>
                        <strong>女装 |</strong>
                        <i>夏季上新</i>
                        <b>></b>
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <span></span>
                        <strong>男装 |</strong>
                        <i>型男专场</i>
                        <b>></b>
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <span></span>
                        <strong>鞋靴 |</strong>
                        <i>时尚鞋品</i>
                        <b>></b>
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <span></span>
                        <strong>美妆 |</strong>
                        <i>防晒隔离</i>
                        <b>></b>
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <span></span>
                        <strong>箱包 |</strong>
                        <i>女神单肩</i>
                        <b>></b>
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <span></span>
                        <strong>运动 |</strong>
                        <i>运动鞋服</i>
                        <b>></b>
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <span></span>
                        <strong>配饰 |</strong>
                        <i>黄金饰品</i>
                        <b>></b>
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <span></span>
                        <strong>婴童 |</strong>
                        <i>母婴</i>
                        <b>></b>
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <span></span>
                        <strong>内衣 |</strong>
                        <i>舒适内衣</i>
                        <b>></b>
                    </a>
                </li>
            </ol>
            <div class="banner-small">
                <a href="#"></a>
            </div>
            <div class="arrow">

                <span class="prev"><</span>
                <span class="next">></span>
            </div>
        </div>
    </div>
    <div id="content-wrap">
        <!--tab栏切换-->
        <div class="tab">
            <div class="t-left">
                <ul class="clear">
                    <li class="active"><a href="#">超值特卖
                        <span></span>
                        </a>

                    </li>
                    <li><a href="#">手机专享
                        <span></span>
                    </a>
                    </li>
                    <li><a href="#">品牌活动
                        <span></span>
                    </a>
                    </li>
                </ul>
                <div class="t-list">
                    <div class="items show">
                        <ul>
                            <li>
                                <div class="border-animation">
                                    <a href="javascript:;">
                                        <img src="images/tab-1.jpg" alt="">
                                    </a>
                                    <div class="border-top"></div>
                                    <div class="border-right"></div>
                                    <div class="border-bottom"></div>
                                    <div class="border-left"></div>
                                </div>
                                <div class="border-animation">
                                    <a href="javascript:;">
                                        <img src="images/tab-2.jpg" alt="">
                                    </a>
                                    <div class="border-top"></div>
                                    <div class="border-right"></div>
                                    <div class="border-bottom"></div>
                                    <div class="border-left"></div>
                                </div>
                                <div class="border-animation">
                                    <a href="javascript:;">
                                        <img src="images/tab-3.jpg" alt="">
                                    </a>
                                    <div class="border-top"></div>
                                    <div class="border-right"></div>
                                    <div class="border-bottom"></div>
                                    <div class="border-left"></div>
                                </div>
                                <div class="border-animation">
                                    <a href="javascript:;">
                                        <img src="images/tab-4.jpg" alt="">
                                    </a>
                                    <div class="border-top"></div>
                                    <div class="border-right"></div>
                                    <div class="border-bottom"></div>
                                    <div class="border-left"></div>
                                </div>
                            </li>
                        </ul>
                    </div>

                    <div class="items">
                        <ul>
                            <li>
                                <div class="border-animation">
                                    <a href="javascript:;">
                                        <img src="images/tab-9.jpg" alt="">
                                    </a>
                                    <div class="border-top"></div>
                                    <div class="border-right"></div>
                                    <div class="border-bottom"></div>
                                    <div class="border-left"></div>
                                </div>
                                <div class="border-animation">
                                    <a href="javascript:;">
                                        <img src="images/tab-10.jpg" alt="">
                                    </a>
                                    <div class="border-top"></div>
                                    <div class="border-right"></div>
                                    <div class="border-bottom"></div>
                                    <div class="border-left"></div>
                                </div>
                                <div class="border-animation">
                                    <a href="javascript:;">
                                        <img src="images/tab-11.jpg" alt="">
                                    </a>
                                    <div class="border-top"></div>
                                    <div class="border-right"></div>
                                    <div class="border-bottom"></div>
                                    <div class="border-left"></div>
                                </div>
                                <div class="border-animation">
                                    <a href="javascript:;">
                                        <img src="images/tab-12.jpg" alt="">
                                    </a>
                                    <div class="border-top"></div>
                                    <div class="border-right"></div>
                                    <div class="border-bottom"></div>
                                    <div class="border-left"></div>
                                </div>
                            </li>
                        </ul>
                    </div>

                    <div class="items">
                        <ul>
                            <li>
                                <div class="border-animation">
                                    <a href="javascript:;">
                                        <img src="images/tab-5.jpg" alt="">
                                    </a>
                                    <div class="border-top"></div>
                                    <div class="border-right"></div>
                                    <div class="border-bottom"></div>
                                    <div class="border-left"></div>
                                </div>
                                <div class="border-animation">
                                    <a href="javascript:;">
                                        <img src="images/tab-6.jpg" alt="">
                                    </a>
                                    <div class="border-top"></div>
                                    <div class="border-right"></div>
                                    <div class="border-bottom"></div>
                                    <div class="border-left"></div>
                                </div>
                                <div class="border-animation">
                                    <a href="javascript:;">
                                        <img src="images/tab-7.jpg" alt="">
                                    </a>
                                    <div class="border-top"></div>
                                    <div class="border-right"></div>
                                    <div class="border-bottom"></div>
                                    <div class="border-left"></div>
                                </div>
                                <div class="border-animation">
                                    <a href="javascript:;">
                                        <img src="images/tab-8.jpg" alt="">
                                    </a>
                                    <div class="border-top"></div>
                                    <div class="border-right"></div>
                                    <div class="border-bottom"></div>
                                    <div class="border-left"></div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="t-right">
                <a href="javascript:;"></a>
            </div>
        </div>

        <!--tab栏下大图-->
        <div class="tab-banner">
            <a href="#"></a>
        </div>
        <!--银泰百货商场同款-->
        <div class="market">
            <div class="m-logo"></div>
            <div class="m-main">
                <div class="market-left">
                    <a href="javascript:;"></a>
                </div>
                <div class="market-right">
                    <ul class="clear">
                        <li class="active">
                            <a href="#">热门品牌
                            <span></span>
                            </a>
                        </li>
                        <li><a href="#">本周推荐
                            <span></span>
                        </a></li>
                    </ul>
                    <div class="m-list">
                        <div class="items show">
                            <div class="img">
                                <a href="javascript:;"><img src="images/market-2.jpg" alt=""/></a>
                                <a href="javascript:;"><img src="images/market-3.jpg" alt=""/></a>
                                <a href="javascript:;"><img src="images/market-4.jpg" alt=""/></a>
                            </div>
                            <div class="img">
                                <a href="javascript:;"><img src="images/market-6.jpg" alt=""/></a>
                                <a href="javascript:;"><img src="images/market-7.jpg" alt=""/></a>
                                <a href="javascript:;"><img src="images/market-8.jpg" alt=""/></a>
                            </div>
                        </div>
                        <div class="items">

                                <div class="border-animation">
                                    <img src="images/img01.jpg" alt="">
                                    <div class="content">
                                       <p><a href="javascript:;">银泰百货下沙店八本船白色衬衫</a></p>
                                       <p>
                                            <span>￥119</span>
                                            <a>参考价：￥318</a>
                                        </p>
                                    </div>
                                    <div class="border-top"></div>
                                    <div class="border-right"></div>
                                    <div class="border-bottom"></div>
                                    <div class="border-left"></div>
                                </div>
                                <div class="border-animation">
                                    <img src="images/img02.jpg" alt="">
                                    <div class="content">
                                        <p><a href="javascript:;">HIPANDA 你好熊猫 设计潮牌</a></p>
                                        <p>
                                            <span>￥278.60</span>
                                            <a>参考价：￥398</a>
                                        </p>
                                    </div>
                                    <div class="border-top"></div>
                                    <div class="border-right"></div>
                                    <div class="border-bottom"></div>
                                    <div class="border-left"></div>
                                </div>
                                <div class="border-animation">
                                    <img src="images/img03.jpg" alt="">
                                    <div class="content">
                                        <p><a href="javascript:;">TIHOO添逅新款 蝴蝶结单鞋高跟鞋</a></p>
                                        <p>
                                            <span>￥399</span>
                                            <a>参考价：￥990</a>
                                        </p>
                                    </div>
                                    <div class="border-top"></div>
                                    <div class="border-right"></div>
                                    <div class="border-bottom"></div>
                                    <div class="border-left"></div>
                                </div>
                                <div class="border-animation">
                                    <img src="images/img04.jpg" alt="">
                                    <div class="content">
                                        <p><a href="javascript:;">TUMI途明花色手拎包</a></p>
                                        <p>
                                            <span>￥2250</span>
                                            <a>参考价：￥2500</a>
                                        </p>
                                    </div>
                                    <div class="border-top"></div>
                                    <div class="border-right"></div>
                                    <div class="border-bottom"></div>
                                    <div class="border-left"></div>
                                </div>
                                <div class="border-animation">
                                    <img src="images/img05.jpg" alt="">
                                    <div class="content">
                                        <p><a href="javascript:;">（自营）耐克NIKE SOCK DART</a></p>
                                        <p>
                                            <span>￥629</span>
                                            <a>参考价：￥849</a>
                                        </p>
                                    </div>
                                    <div class="border-top"></div>
                                    <div class="border-right"></div>
                                    <div class="border-bottom"></div>
                                    <div class="border-left"></div>
                                </div>
                                <div class="border-animation">
                                    <img src="images/img06.jpg" alt="">
                                    <div class="content">
                                        <p><a href="javascript:;">银泰百货杭州武林店美标秋款长袖</a></p>
                                        <p>
                                            <span>￥399</span>
                                            <a>参考价：￥1580</a>
                                        </p>
                                    </div>
                                    <div class="border-top"></div>
                                    <div class="border-right"></div>
                                    <div class="border-bottom"></div>
                                    <div class="border-left"></div>
                                </div>
                                <div class="border-animation">
                                    <img src="images/img07.jpg" alt="">
                                    <div class="content">
                                        <p><a href="javascript:;">ARMATEN阿迈蒂尼2017春夏新款</a></p>
                                        <p>
                                            <span>￥100</span>
                                            <a>参考价：￥358</a>
                                        </p>
                                    </div>
                                    <div class="border-top"></div>
                                    <div class="border-right"></div>
                                    <div class="border-bottom"></div>
                                    <div class="border-left"></div>
                                </div>
                                <div class="border-animation">
                                    <img src="images/img08.jpg" alt="">
                                    <div class="content">
                                        <p><a href="javascript:;">Givenchy纪梵希纪梵希高定魅彩四</a></p>
                                        <p>
                                            <span>￥600</span>
                                            <a>参考价：￥600</a>
                                        </p>
                                    </div>
                                    <div class="border-top"></div>
                                    <div class="border-right"></div>
                                    <div class="border-bottom"></div>
                                    <div class="border-left"></div>
                                </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--时尚名品-->
        <div class="goods" id="good">
            <div class="g-logo"></div>
            <div class="goods-content">
                <div class="goods-left">
                    <ul>
                        <li><a href="javascript:;">针织衫</a></li>
                        <li><a href="javascript:;">外套</a></li>
                        <li><a href="javascript:;">裙装</a></li>
                        <li><a href="javascript:;">围巾</a></li>
                        <li><a href="javascript:;">腰带</a></li>
                        <li><a href="javascript:;">女鞋</a></li>
                        <li><a href="javascript:;">女包</a></li>
                        <li><a href="javascript:;">男包</a></li>
                        <li><a href="javascript:;">钱包</a></li>
                        <li><a href="javascript:;">男鞋</a></li>
                        <li><a href="javascript:;">衬衫</a></li>
                        <li><a href="javascript:;">双肩包</a></li>
                    </ul>
                    <div class="g-banner">
                        <div class="inner1">
                            <ul>
                                <li data-index="1">
                                    <a href="#"><img src="images/g-01.jpg"  alt=""/></a>
                                    <a href="#"><img src="images/g-02.jpg" alt=""/></a>
                                    <a href="#"><img src="images/g-03.jpg" alt=""/></a>
                                    <a href="#"><img src="images/g-04.jpg" alt=""/></a>
                                </li>
                                <li data-index="2">
                                    <a href="#"><img src="images/g-05.jpg"  alt=""/></a>
                                    <a href="#"><img src="images/g-06.jpg" alt=""/></a>
                                    <a href="#"><img src="images/g-07.jpg" alt=""/></a>
                                    <a href="#"><img src="images/g-08.jpg" alt=""/></a>
                                </li>
                                <li data-index="3">
                                    <a href="#"><img src="images/g-09.jpg"  alt=""/></a>
                                    <a href="#"><img src="images/g-10.jpg" alt=""/></a>
                                    <a href="#"><img src="images/g-11.jpg" alt=""/></a>
                                    <a href="#"><img src="images/g-12.jpg" alt=""/></a>
                                </li>
                                <li data-index="4">
                                    <a href="#"><img src="images/g-01.jpg"  alt=""/></a>
                                    <a href="#"><img src="images/g-02.jpg" alt=""/></a>
                                    <a href="#"><img src="images/g-03.jpg" alt=""/></a>
                                    <a href="#"><img src="images/g-04.jpg" alt=""/></a>
                                </li>
                            </ul>
                        </div>
                        <div class="arrow1">
                            <span class="prev"></span>
                            <span class="next"></span>
                        </div>
                    </div>
                </div>

                <div class="inner2">
                    <ul>
                        <li><a href="javascript:;"><img src="images/inner2-1.jpg" /></a></li>
                        <li><a href="javascript:;"><img src="images/inner2-2.jpg" /></a></li>
                    </ul>
                    <div class="arrow2">
                        <span class="prev"><</span>
                        <span class="next">></span>
                    </div>
                </div>

                <div class="g-right">
                    <ul>
                        <li>
                            <div class="border-animation">
                                <a href="javascript:;"><img src="images/g-13.jpg"/></a>
                                <div class="border-top"></div>
                                <div class="border-right"></div>
                                <div class="border-bottom"></div>
                                <div class="border-left"></div>
                            </div>
                        </li>
                        <li>
                            <div class="border-animation">
                                <a href="javascript:;"><img src="images/g-14.jpg"/></a>
                                <div class="border-top"></div>
                                <div class="border-right"></div>
                                <div class="border-bottom"></div>
                                <div class="border-left"></div>
                            </div>
                        </li>
                        <li>
                            <div class="border-animation">
                                <a href="javascript:;"><img src="images/g-15.jpg"/></a>
                                <div class="border-top"></div>
                                <div class="border-right"></div>
                                <div class="border-bottom"></div>
                                <div class="border-left"></div>
                            </div>
                        </li>
                        <li>
                            <div class="border-animation">
                                <a href="javascript:;"><img src="images/g-16.jpg"/></a>
                                <div class="border-top"></div>
                                <div class="border-right"></div>
                                <div class="border-bottom"></div>
                                <div class="border-left"></div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!--潮流女装-->
        <div class="goods women" id="women">
            <div class="g-logo"></div>
            <div class="goods-content">
                <div class="goods-left">
                    <ul>
                        <li><a href="javascript:;">连衣裙</a></li>
                        <li><a href="javascript:;">卫衣</a></li>
                        <li><a href="javascript:;">针织衫</a></li>
                        <li><a href="javascript:;">衬衫</a></li>
                        <li><a href="javascript:;">T桖</a></li>
                        <li><a href="javascript:;">风衣</a></li>
                        <li><a href="javascript:;">休闲裤</a></li>
                        <li><a href="javascript:;">半身裙</a></li>
                        <li><a href="javascript:;">牛仔裤</a></li>
                        <li><a href="javascript:;">春季新品</a></li>
                        <li><a href="javascript:;">短外套</a></li>

                    </ul>
                    <div class="g-banner">
                        <div class="inner1">
                            <ul>
                                <li>
                                    <a href="#"><img src="images/g-01.jpg"  alt=""/></a>
                                    <a href="#"><img src="images/g-02.jpg" alt=""/></a>
                                    <a href="#"><img src="images/g-03.jpg" alt=""/></a>
                                    <a href="#"><img src="images/g-04.jpg" alt=""/></a>
                                </li>
                                <li>
                                    <a href="#"><img src="images/g-05.jpg"  alt=""/></a>
                                    <a href="#"><img src="images/g-06.jpg" alt=""/></a>
                                    <a href="#"><img src="images/g-07.jpg" alt=""/></a>
                                    <a href="#"><img src="images/g-08.jpg" alt=""/></a>
                                </li>
                                <li>
                                    <a href="#"><img src="images/g-09.jpg"  alt=""/></a>
                                    <a href="#"><img src="images/g-10.jpg" alt=""/></a>
                                    <a href="#"><img src="images/g-11.jpg" alt=""/></a>
                                    <a href="#"><img src="images/g-12.jpg" alt=""/></a>
                                </li>
                                <li>
                                    <a href="#"><img src="images/g-01.jpg"  alt=""/></a>
                                    <a href="#"><img src="images/g-02.jpg" alt=""/></a>
                                    <a href="#"><img src="images/g-03.jpg" alt=""/></a>
                                    <a href="#"><img src="images/g-04.jpg" alt=""/></a>
                                </li>
                            </ul>
                        </div>
                        <div class="arrow1">
                            <span class="prev"></span>
                            <span class="next"></span>
                        </div>
                    </div>
                </div>

                <div class="inner2">
                    <a href="javascript:;"><img src="images/w-5.jpg"/></a>
                </div>

                <div class="g-right">
                    <ul>
                        <li>
                            <div class="border-animation">
                                <a href="javascript:;"><img src="images/w-1.jpg"/></a>
                                <div class="border-top"></div>
                                <div class="border-right"></div>
                                <div class="border-bottom"></div>
                                <div class="border-left"></div>
                            </div>
                        </li>
                        <li>
                            <div class="border-animation">
                                <a href="javascript:;"><img src="images/w-2.jpg"/></a>
                                <div class="border-top"></div>
                                <div class="border-right"></div>
                                <div class="border-bottom"></div>
                                <div class="border-left"></div>
                            </div>
                        </li>
                        <li>
                            <div class="border-animation">
                                <a href="javascript:;"><img src="images/w-3.jpg"/></a>
                                <div class="border-top"></div>
                                <div class="border-right"></div>
                                <div class="border-bottom"></div>
                                <div class="border-left"></div>
                            </div>
                        </li>
                        <li>
                            <div class="border-animation">
                                <a href="javascript:;"><img src="images/w-4.jpg"/></a>
                                <div class="border-top"></div>
                                <div class="border-right"></div>
                                <div class="border-bottom"></div>
                                <div class="border-left"></div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!--精品男装-->
        <div class="goods men" id="men">
            <div class="g-logo"></div>
            <div class="goods-content">
                <div class="goods-left">
                    <ul>
                        <li><a href="javascript:;">长袖衬衫</a></li>
                        <li><a href="javascript:;">长袖T恤</a></li>
                        <li><a href="javascript:;">羽绒服</a></li>
                        <li><a href="javascript:;">卫衣</a></li>
                        <li><a href="javascript:;">针织衫</a></li>
                        <li><a href="javascript:;">牛仔</a></li>
                        <li><a href="javascript:;">夹克/外套</a></li>
                        <li><a href="javascript:;">牛仔裤</a></li>
                        <li><a href="javascript:;">休闲裤</a></li>
                        <li><a href="javascript:;">美国马球</a></li>
                        <li><a href="javascript:;">viishow</a></li>
                        <li><a href="javascript:;">俞兆林</a></li>
                    </ul>
                    <div class="g-banner">
                        <div class="inner1">
                            <ul>
                                <li>
                                    <a href="#"><img src="images/g-01.jpg"  alt=""/></a>
                                    <a href="#"><img src="images/g-02.jpg" alt=""/></a>
                                    <a href="#"><img src="images/g-03.jpg" alt=""/></a>
                                    <a href="#"><img src="images/g-04.jpg" alt=""/></a>
                                </li>
                                <li>
                                    <a href="#"><img src="images/g-05.jpg"  alt=""/></a>
                                    <a href="#"><img src="images/g-06.jpg" alt=""/></a>
                                    <a href="#"><img src="images/g-07.jpg" alt=""/></a>
                                    <a href="#"><img src="images/g-08.jpg" alt=""/></a>
                                </li>
                                <li>
                                    <a href="#"><img src="images/g-09.jpg"  alt=""/></a>
                                    <a href="#"><img src="images/g-10.jpg" alt=""/></a>
                                    <a href="#"><img src="images/g-11.jpg" alt=""/></a>
                                    <a href="#"><img src="images/g-12.jpg" alt=""/></a>
                                </li>
                                <li>
                                    <a href="#"><img src="images/g-01.jpg"  alt=""/></a>
                                    <a href="#"><img src="images/g-02.jpg" alt=""/></a>
                                    <a href="#"><img src="images/g-03.jpg" alt=""/></a>
                                    <a href="#"><img src="images/g-04.jpg" alt=""/></a>
                                </li>
                            </ul>
                        </div>
                        <div class="arrow1">
                            <span class="prev"></span>
                            <span class="next"></span>
                        </div>
                    </div>
                </div>

                <div class="inner2">
                    <a href="javascript:;"><img src="images/men-5.jpg" /></a>
                </div>

                <div class="g-right">
                    <ul>
                        <li>
                            <div class="border-animation">
                                <a href="javascript:;"><img src="images/men-1.jpg"/></a>
                                <div class="border-top"></div>
                                <div class="border-right"></div>
                                <div class="border-bottom"></div>
                                <div class="border-left"></div>
                            </div>
                        </li>
                        <li>
                            <div class="border-animation">
                                <a href="javascript:;"><img src="images/men-2.jpg"/></a>
                                <div class="border-top"></div>
                                <div class="border-right"></div>
                                <div class="border-bottom"></div>
                                <div class="border-left"></div>
                            </div>
                        </li>
                        <li>
                            <div class="border-animation">
                                <a href="javascript:;"><img src="images/men-3.jpg"/></a>
                                <div class="border-top"></div>
                                <div class="border-right"></div>
                                <div class="border-bottom"></div>
                                <div class="border-left"></div>
                            </div>
                        </li>
                        <li>
                            <div class="border-animation">
                                <a href="javascript:;"><img src="images/men-4.jpg"/></a>
                                <div class="border-top"></div>
                                <div class="border-right"></div>
                                <div class="border-bottom"></div>
                                <div class="border-left"></div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!--时尚鞋靴-->
        <div class="goods shoes" id="shoes">
            <div class="g-logo"></div>
            <div class="goods-content">
                <div class="goods-left">
                    <ul>
                        <li><a href="javascript:;">春季上新</a></li>
                        <li><a href="javascript:;">男士单鞋</a></li>
                        <li><a href="javascript:;">女士单鞋</a></li>
                        <li><a href="javascript:;">平底鞋</a></li>
                        <li><a href="javascript:;">坡跟鞋</a></li>
                        <li><a href="javascript:;">乐福鞋</a></li>
                        <li><a href="javascript:;">豆豆鞋</a></li>
                        <li><a href="javascript:;">休闲鞋</a></li>
                        <li><a href="javascript:;">正装鞋</a></li>
                        <li><a href="javascript:;">帆布鞋</a></li>
                        <li><a href="javascript:;">鱼嘴鞋</a></li>
                        <li><a href="javascript:;">高跟鞋</a></li>
                    </ul>
                    <div class="g-banner">
                        <div class="inner1">
                            <ul>
                                <li>
                                    <a href="#"><img src="images/g-01.jpg"  alt=""/></a>
                                    <a href="#"><img src="images/g-02.jpg" alt=""/></a>
                                    <a href="#"><img src="images/g-03.jpg" alt=""/></a>
                                    <a href="#"><img src="images/g-04.jpg" alt=""/></a>
                                </li>
                                <li>
                                    <a href="#"><img src="images/g-05.jpg"  alt=""/></a>
                                    <a href="#"><img src="images/g-06.jpg" alt=""/></a>
                                    <a href="#"><img src="images/g-07.jpg" alt=""/></a>
                                    <a href="#"><img src="images/g-08.jpg" alt=""/></a>
                                </li>
                                <li>
                                    <a href="#"><img src="images/g-09.jpg"  alt=""/></a>
                                    <a href="#"><img src="images/g-10.jpg" alt=""/></a>
                                    <a href="#"><img src="images/g-11.jpg" alt=""/></a>
                                    <a href="#"><img src="images/g-12.jpg" alt=""/></a>
                                </li>
                                <li>
                                    <a href="#"><img src="images/g-01.jpg"  alt=""/></a>
                                    <a href="#"><img src="images/g-02.jpg" alt=""/></a>
                                    <a href="#"><img src="images/g-03.jpg" alt=""/></a>
                                    <a href="#"><img src="images/g-04.jpg" alt=""/></a>
                                </li>
                            </ul>
                        </div>
                        <div class="arrow1">
                            <span class="prev"></span>
                            <span class="next"></span>
                        </div>
                    </div>
                </div>

                <div class="inner2">
                    <ul>
                        <li><a href="javascript:;"><img src="images/foot-5.jpg" /></a></li>
                        <li><a href="javascript:;"><img src="images/foot-6.jpg" /></a></li>
                    </ul>
                    <div class="arrow2">
                        <span class="prev"><</span>
                        <span class="next">></span>
                    </div>
                </div>

                <div class="g-right">
                    <ul>
                        <li>
                            <div class="border-animation">
                                <a href="javascript:;"><img src="images/foot-1.jpg"/></a>
                                <div class="border-top"></div>
                                <div class="border-right"></div>
                                <div class="border-bottom"></div>
                                <div class="border-left"></div>
                            </div>
                        </li>
                        <li>
                            <div class="border-animation">
                                <a href="javascript:;"><img src="images/foot-2.jpg"/></a>
                                <div class="border-top"></div>
                                <div class="border-right"></div>
                                <div class="border-bottom"></div>
                                <div class="border-left"></div>
                            </div>
                        </li>
                        <li>
                            <div class="border-animation">
                                <a href="javascript:;"><img src="images/foot-3.jpg"/></a>
                                <div class="border-top"></div>
                                <div class="border-right"></div>
                                <div class="border-bottom"></div>
                                <div class="border-left"></div>
                            </div>
                        </li>
                        <li>
                            <div class="border-animation">
                                <a href="javascript:;"><img src="images/foot-4.jpg"/></a>
                                <div class="border-top"></div>
                                <div class="border-right"></div>
                                <div class="border-bottom"></div>
                                <div class="border-left"></div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!--潮流箱包-->
        <div class="goods bag" id="bag">
            <div class="g-logo"></div>
            <div class="goods-content">
                <div class="goods-left">
                    <ul>
                        <li><a href="javascript:;">女士单肩</a></li>
                        <li><a href="javascript:;">女士斜跨</a></li>
                        <li><a href="javascript:;">女士双肩</a></li>
                        <li><a href="javascript:;">女士钱包</a></li>
                        <li><a href="javascript:;">女士多种</a></li>
                        <li><a href="javascript:;">女士手提</a></li>
                        <li><a href="javascript:;">男士单肩</a></li>
                        <li><a href="javascript:;">男士手提</a></li>
                        <li><a href="javascript:;">男士钱包</a></li>
                        <li><a href="javascript:;">男士腰带</a></li>
                        <li><a href="javascript:;">旅行双肩</a></li>
                        <li><a href="javascript:;">旅行箱</a></li>
                    </ul>
                    <div class="g-banner">
                        <div class="inner1">
                            <ul>
                                <li>
                                    <a href="#"><img src="images/g-01.jpg"  alt=""/></a>
                                    <a href="#"><img src="images/g-02.jpg" alt=""/></a>
                                    <a href="#"><img src="images/g-03.jpg" alt=""/></a>
                                    <a href="#"><img src="images/g-04.jpg" alt=""/></a>
                                </li>
                                <li>
                                    <a href="#"><img src="images/g-05.jpg"  alt=""/></a>
                                    <a href="#"><img src="images/g-06.jpg" alt=""/></a>
                                    <a href="#"><img src="images/g-07.jpg" alt=""/></a>
                                    <a href="#"><img src="images/g-08.jpg" alt=""/></a>
                                </li>
                                <li>
                                    <a href="#"><img src="images/g-09.jpg"  alt=""/></a>
                                    <a href="#"><img src="images/g-10.jpg" alt=""/></a>
                                    <a href="#"><img src="images/g-11.jpg" alt=""/></a>
                                    <a href="#"><img src="images/g-12.jpg" alt=""/></a>
                                </li>
                                <li>
                                    <a href="#"><img src="images/g-01.jpg"  alt=""/></a>
                                    <a href="#"><img src="images/g-02.jpg" alt=""/></a>
                                    <a href="#"><img src="images/g-03.jpg" alt=""/></a>
                                    <a href="#"><img src="images/g-04.jpg" alt=""/></a>
                                </li>
                            </ul>
                        </div>
                        <div class="arrow1">
                            <span class="prev"></span>
                            <span class="next"></span>
                        </div>
                    </div>
                </div>

                <div class="inner2">
                    <a href="javascript:;"><img src="images/bag-5.jpg" /></a>
                </div>

                <div class="g-right">
                    <ul>
                        <li>
                            <div class="border-animation">
                                <a href="javascript:;"><img src="images/bag-1.jpg"/></a>
                                <div class="border-top"></div>
                                <div class="border-right"></div>
                                <div class="border-bottom"></div>
                                <div class="border-left"></div>
                            </div>
                        </li>
                        <li>
                            <div class="border-animation">
                                <a href="javascript:;"><img src="images/bag-2.jpg"/></a>
                                <div class="border-top"></div>
                                <div class="border-right"></div>
                                <div class="border-bottom"></div>
                                <div class="border-left"></div>
                            </div>
                        </li>
                        <li>
                            <div class="border-animation">
                                <a href="javascript:;"><img src="images/bag-3.jpg"/></a>
                                <div class="border-top"></div>
                                <div class="border-right"></div>
                                <div class="border-bottom"></div>
                                <div class="border-left"></div>
                            </div>
                        </li>
                        <li>
                            <div class="border-animation">
                                <a href="javascript:;"><img src="images/bag-4.jpg"/></a>
                                <div class="border-top"></div>
                                <div class="border-right"></div>
                                <div class="border-bottom"></div>
                                <div class="border-left"></div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!--美容护肤-->
        <div class="goods skin" id="skin">
            <div class="g-logo"></div>
            <div class="goods-content">
                <div class="goods-left">
                    <ul>
                        <li><a href="javascript:;">面膜</a></li>
                        <li><a href="javascript:;">护肤套装</a></li>
                        <li><a href="javascript:;">乳液</a></li>
                        <li><a href="javascript:;">精华液</a></li>
                        <li><a href="javascript:;">爽肤水</a></li>
                        <li><a href="javascript:;">洁面</a></li>
                        <li><a href="javascript:;">眼霜</a></li>
                        <li><a href="javascript:;">身体护理</a></li>
                        <li><a href="javascript:;">BB霜</a></li>
                        <li><a href="javascript:;">男士护理</a></li>
                        <li><a href="javascript:;">女士香水</a></li>
                        <li><a href="javascript:;">唇膏口红</a></li>
                    </ul>
                    <div class="g-banner">
                        <div class="inner1">
                            <ul>
                                <li>
                                    <a href="#"><img src="images/g-01.jpg"  alt=""/></a>
                                    <a href="#"><img src="images/g-02.jpg" alt=""/></a>
                                    <a href="#"><img src="images/g-03.jpg" alt=""/></a>
                                    <a href="#"><img src="images/g-04.jpg" alt=""/></a>
                                </li>
                                <li>
                                    <a href="#"><img src="images/g-05.jpg"  alt=""/></a>
                                    <a href="#"><img src="images/g-06.jpg" alt=""/></a>
                                    <a href="#"><img src="images/g-07.jpg" alt=""/></a>
                                    <a href="#"><img src="images/g-08.jpg" alt=""/></a>
                                </li>
                                <li>
                                    <a href="#"><img src="images/g-09.jpg"  alt=""/></a>
                                    <a href="#"><img src="images/g-10.jpg" alt=""/></a>
                                    <a href="#"><img src="images/g-11.jpg" alt=""/></a>
                                    <a href="#"><img src="images/g-12.jpg" alt=""/></a>
                                </li>
                                <li>
                                    <a href="#"><img src="images/g-01.jpg"  alt=""/></a>
                                    <a href="#"><img src="images/g-02.jpg" alt=""/></a>
                                    <a href="#"><img src="images/g-03.jpg" alt=""/></a>
                                    <a href="#"><img src="images/g-04.jpg" alt=""/></a>
                                </li>
                            </ul>
                        </div>
                        <div class="arrow1">
                            <span class="prev"></span>
                            <span class="next"></span>
                        </div>
                    </div>
                </div>

                <div class="inner2">
                    <a href="javascript:;"><img src="images/skin-5.jpg" /></a>
                </div>

                <div class="g-right">
                    <ul>
                        <li>
                            <div class="border-animation">
                                <a href="javascript:;"><img src="images/skin-1.jpg"/></a>
                                <div class="border-top"></div>
                                <div class="border-right"></div>
                                <div class="border-bottom"></div>
                                <div class="border-left"></div>
                            </div>
                        </li>
                        <li>
                            <div class="border-animation">
                                <a href="javascript:;"><img src="images/skin-2.jpg"/></a>
                                <div class="border-top"></div>
                                <div class="border-right"></div>
                                <div class="border-bottom"></div>
                                <div class="border-left"></div>
                            </div>
                        </li>
                        <li>
                            <div class="border-animation">
                                <a href="javascript:;"><img src="images/skin-3.jpg"/></a>
                                <div class="border-top"></div>
                                <div class="border-right"></div>
                                <div class="border-bottom"></div>
                                <div class="border-left"></div>
                            </div>
                        </li>
                        <li>
                            <div class="border-animation">
                                <a href="javascript:;"><img src="images/skin-4.jpg"/></a>
                                <div class="border-top"></div>
                                <div class="border-right"></div>
                                <div class="border-bottom"></div>
                                <div class="border-left"></div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!--运动户外-->
        <div class="goods sport" id="sport">
            <div class="g-logo"></div>
            <div class="goods-content">
                <div class="goods-left">
                    <ul>
                        <li><a href="javascript:;">短袖T恤</a></li>
                        <li><a href="javascript:;">POLO衫</a></li>
                        <li><a href="javascript:;">短裤</a></li>
                        <li><a href="javascript:;">运动裤</a></li>
                        <li><a href="javascript:;">泳装</a></li>
                        <li><a href="javascript:;">凉鞋/拖鞋</a></li>
                        <li><a href="javascript:;">复古鞋</a></li>
                        <li><a href="javascript:;">帆布鞋</a></li>
                        <li><a href="javascript:;">跑步鞋</a></li>
                        <li><a href="javascript:;">篮球鞋</a></li>
                        <li><a href="javascript:;">运动箱包</a></li>
                        <li><a href="javascript:;">户外装备</a></li>
                    </ul>
                    <div class="g-banner">
                        <div class="inner1">
                            <ul>
                                <li>
                                    <a href="#"><img src="images/g-01.jpg"  alt=""/></a>
                                    <a href="#"><img src="images/g-02.jpg" alt=""/></a>
                                    <a href="#"><img src="images/g-03.jpg" alt=""/></a>
                                    <a href="#"><img src="images/g-04.jpg" alt=""/></a>
                                </li>
                                <li>
                                    <a href="#"><img src="images/g-05.jpg"  alt=""/></a>
                                    <a href="#"><img src="images/g-06.jpg" alt=""/></a>
                                    <a href="#"><img src="images/g-07.jpg" alt=""/></a>
                                    <a href="#"><img src="images/g-08.jpg" alt=""/></a>
                                </li>
                                <li>
                                    <a href="#"><img src="images/g-09.jpg"  alt=""/></a>
                                    <a href="#"><img src="images/g-10.jpg" alt=""/></a>
                                    <a href="#"><img src="images/g-11.jpg" alt=""/></a>
                                    <a href="#"><img src="images/g-12.jpg" alt=""/></a>
                                </li>
                                <li>
                                    <a href="#"><img src="images/g-01.jpg"  alt=""/></a>
                                    <a href="#"><img src="images/g-02.jpg" alt=""/></a>
                                    <a href="#"><img src="images/g-03.jpg" alt=""/></a>
                                    <a href="#"><img src="images/g-04.jpg" alt=""/></a>
                                </li>
                            </ul>
                        </div>
                        <div class="arrow1">
                            <span class="prev"></span>
                            <span class="next"></span>
                        </div>
                    </div>
                </div>

                <div class="inner2">
                    <ul>
                        <li><a href="javascript:;"><img src="images/sport-5.jpg" /></a></li>
                        <li><a href="javascript:;"><img src="images/sport-6.jpg" /></a></li>
                    </ul>
                    <div class="arrow2">
                        <span class="prev"><</span>
                        <span class="next">></span>
                    </div>
                </div>

                <div class="g-right">
                    <ul>
                        <li>
                            <div class="border-animation">
                                <a href="javascript:;"><img src="images/sport-1.jpg"/></a>
                                <div class="border-top"></div>
                                <div class="border-right"></div>
                                <div class="border-bottom"></div>
                                <div class="border-left"></div>
                            </div>
                        </li>
                        <li>
                            <div class="border-animation">
                                <a href="javascript:;"><img src="images/sport-2.jpg"/></a>
                                <div class="border-top"></div>
                                <div class="border-right"></div>
                                <div class="border-bottom"></div>
                                <div class="border-left"></div>
                            </div>
                        </li>
                        <li>
                            <div class="border-animation">
                                <a href="javascript:;"><img src="images/sport-3.jpg"/></a>
                                <div class="border-top"></div>
                                <div class="border-right"></div>
                                <div class="border-bottom"></div>
                                <div class="border-left"></div>
                            </div>
                        </li>
                        <li>
                            <div class="border-animation">
                                <a href="javascript:;"><img src="images/sport-4.jpg"/></a>
                                <div class="border-top"></div>
                                <div class="border-right"></div>
                                <div class="border-bottom"></div>
                                <div class="border-left"></div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!--内衣配饰-->
        <div class="goods wear" id="wear">
            <div class="g-logo"></div>
            <div class="goods-content">
                <div class="goods-left">
                    <ul>
                        <li><a href="javascript:;">文胸</a></li>
                        <li><a href="javascript:;">底裤</a></li>
                        <li><a href="javascript:;">家居服</a></li>
                        <li><a href="javascript:;">保暖内衣</a></li>
                        <li><a href="javascript:;">塑身</a></li>
                        <li><a href="javascript:;">袜品</a></li>
                        <li><a href="javascript:;">黄金</a></li>
                        <li><a href="javascript:;">翡翠玉石</a></li>
                        <li><a href="javascript:;">珍珠</a></li>
                        <li><a href="javascript:;">钻石</a></li>
                        <li><a href="javascript:;">男士手表</a></li>
                        <li><a href="javascript:;">太阳镜</a></li>
                    </ul>
                    <div class="g-banner">
                        <div class="inner1">
                            <ul>
                                <li>
                                    <a href="#"><img src="images/g-01.jpg"  alt=""/></a>
                                    <a href="#"><img src="images/g-02.jpg" alt=""/></a>
                                    <a href="#"><img src="images/g-03.jpg" alt=""/></a>
                                    <a href="#"><img src="images/g-04.jpg" alt=""/></a>
                                </li>
                                <li>
                                    <a href="#"><img src="images/g-05.jpg"  alt=""/></a>
                                    <a href="#"><img src="images/g-06.jpg" alt=""/></a>
                                    <a href="#"><img src="images/g-07.jpg" alt=""/></a>
                                    <a href="#"><img src="images/g-08.jpg" alt=""/></a>
                                </li>
                                <li>
                                    <a href="#"><img src="images/g-09.jpg"  alt=""/></a>
                                    <a href="#"><img src="images/g-10.jpg" alt=""/></a>
                                    <a href="#"><img src="images/g-11.jpg" alt=""/></a>
                                    <a href="#"><img src="images/g-12.jpg" alt=""/></a>
                                </li>
                                <li>
                                    <a href="#"><img src="images/g-01.jpg"  alt=""/></a>
                                    <a href="#"><img src="images/g-02.jpg" alt=""/></a>
                                    <a href="#"><img src="images/g-03.jpg" alt=""/></a>
                                    <a href="#"><img src="images/g-04.jpg" alt=""/></a>
                                </li>
                            </ul>
                        </div>
                        <div class="arrow1">
                            <span class="prev"></span>
                            <span class="next"></span>
                        </div>
                    </div>
                </div>

                <div class="inner2">
                    <a href="javascript:;"><img src="images/wear-6.jpg" /></a>
                </div>

                <div class="g-right">
                    <ul>
                        <li>
                            <div class="border-animation">
                                <a href="javascript:;"><img src="images/wear-1.jpg"/></a>
                                <div class="border-top"></div>
                                <div class="border-right"></div>
                                <div class="border-bottom"></div>
                                <div class="border-left"></div>
                            </div>
                        </li>
                        <li>
                            <div class="border-animation">
                                <a href="javascript:;"><img src="images/wear-2.jpg"/></a>
                                <div class="border-top"></div>
                                <div class="border-right"></div>
                                <div class="border-bottom"></div>
                                <div class="border-left"></div>
                            </div>
                        </li>
                        <li>
                            <div class="border-animation">
                                <a href="javascript:;"><img src="images/wear-3.jpg"/></a>
                                <div class="border-top"></div>
                                <div class="border-right"></div>
                                <div class="border-bottom"></div>
                                <div class="border-left"></div>
                            </div>
                        </li>
                        <li>
                            <div class="border-animation">
                                <a href="javascript:;"><img src="images/wear-4.jpg"/></a>
                                <div class="border-top"></div>
                                <div class="border-right"></div>
                                <div class="border-bottom"></div>
                                <div class="border-left"></div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!--可爱婴童-->
        <div class="goods kid" id="kid">
            <div class="g-logo"></div>
            <div class="goods-content">
                <div class="goods-left">
                    <ul>
                        <li><a href="javascript:;">短袖T恤</a></li>
                        <li><a href="javascript:;">连衣裙</a></li>
                        <li><a href="javascript:;">爬爬服</a></li>
                        <li><a href="javascript:;">防辐射服</a></li>
                        <li><a href="javascript:;">打底裤</a></li>
                        <li><a href="javascript:;">休闲裤</a></li>
                        <li><a href="javascript:;">孕产服</a></li>
                        <li><a href="javascript:;">运动鞋</a></li>
                        <li><a href="javascript:;">婴幼套装</a></li>
                        <li><a href="javascript:;">四件套</a></li>
                        <li><a href="javascript:;">床单/被罩</a></li>
                        <li><a href="javascript:;">薄被</a></li>
                    </ul>
                    <div class="g-banner">
                        <div class="inner1">
                            <ul>
                                <li>
                                    <a href="#"><img src="images/g-01.jpg"  alt=""/></a>
                                    <a href="#"><img src="images/g-02.jpg" alt=""/></a>
                                    <a href="#"><img src="images/g-03.jpg" alt=""/></a>
                                    <a href="#"><img src="images/g-04.jpg" alt=""/></a>
                                </li>
                                <li>
                                    <a href="#"><img src="images/g-05.jpg"  alt=""/></a>
                                    <a href="#"><img src="images/g-06.jpg" alt=""/></a>
                                    <a href="#"><img src="images/g-07.jpg" alt=""/></a>
                                    <a href="#"><img src="images/g-08.jpg" alt=""/></a>
                                </li>
                                <li>
                                    <a href="#"><img src="images/g-09.jpg"  alt=""/></a>
                                    <a href="#"><img src="images/g-10.jpg" alt=""/></a>
                                    <a href="#"><img src="images/g-11.jpg" alt=""/></a>
                                    <a href="#"><img src="images/g-12.jpg" alt=""/></a>
                                </li>
                                <li>
                                    <a href="#"><img src="images/g-01.jpg"  alt=""/></a>
                                    <a href="#"><img src="images/g-02.jpg" alt=""/></a>
                                    <a href="#"><img src="images/g-03.jpg" alt=""/></a>
                                    <a href="#"><img src="images/g-04.jpg" alt=""/></a>
                                </li>
                            </ul>
                        </div>
                        <div class="arrow1">
                            <span class="prev"></span>
                            <span class="next"></span>
                        </div>
                    </div>
                </div>

                <div class="inner2">
                    <a href="javascript:;"><img src="images/kid-5.jpg" /></a>
                </div>

                <div class="g-right">
                    <ul>
                        <li>
                            <div class="border-animation">
                                <a href="javascript:;"><img src="images/kid-1.jpg"/></a>
                                <div class="border-top"></div>
                                <div class="border-right"></div>
                                <div class="border-bottom"></div>
                                <div class="border-left"></div>
                            </div>
                        </li>
                        <li>
                            <div class="border-animation">
                                <a href="javascript:;"><img src="images/kid-2.jpg"/></a>
                                <div class="border-top"></div>
                                <div class="border-right"></div>
                                <div class="border-bottom"></div>
                                <div class="border-left"></div>
                            </div>
                        </li>
                        <li>
                            <div class="border-animation">
                                <a href="javascript:;"><img src="images/kid-3.jpg"/></a>
                                <div class="border-top"></div>
                                <div class="border-right"></div>
                                <div class="border-bottom"></div>
                                <div class="border-left"></div>
                            </div>
                        </li>
                        <li>
                            <div class="border-animation">
                                <a href="javascript:;"><img src="images/kid-4.jpg"/></a>
                                <div class="border-top"></div>
                                <div class="border-right"></div>
                                <div class="border-bottom"></div>
                                <div class="border-left"></div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <!--底部footer-->
    <div id="footer-wrap">
        <div class="footer">
            <div class="footer-top">
                <ul>
                    <li>
                        <a href="javascript:;"></a>
                    </li>
                    <li>
                        <a href="javascript:;"></a>
                    </li>
                    <li>
                        <a href="javascript:;"></a>
                    </li>
                </ul>
            </div>
            <div class="footer-list">
                <ul>
                    <li>
                        <strong><i></i>400-119-1111</strong>
                        <b>8:00-24:00</b>
                        <span><i></i>service@yintai.com</span>
                    </li>
                    <li>
                        <strong><i>15天</i>无忧退换货</strong>
                        <span>为您提供优质售后服务</span>
                    </li>
                    <li>
                        <strong><i>100%</i>正品保证</strong>
                        <span>品质护航 购物无忧</span>
                    </li>
                    <li>
                        <strong><i>满199元</i>免运费</strong>
                        <span>为您提供便利物流</span>
                    </li>
                </ul>
            </div>
            <div class="footer-info">
                <div class="links">
                    <a href="javascript:;">关于银泰</a>|
                    <a href="javascript:;">帮助中心</a>|
                    <a href="javascript:;">关于银泰</a>|
                    <a href="javascript:;">退换货政策</a>|
                    <a href="javascript:;">网站地图</a>|
                    <a href="javascript:;">代理合作</a>|
                    <a href="javascript:;">品牌招商</a>|
                    <a href="javascript:;">商务合作</a>|
                    <a href="javascript:;">网站联盟</a>|
                    <a href="javascript:;">联系我们</a>|
                    <a href="javascript:;">加入银泰</a>|
                    <a href="javascript:;">版权声明</a>|
                    <a href="javascript:;">法律声明</a>
                </div>
                <div class="copyright">
                    <a href="javascript:;">浙ICP备10200233号</a>
                    <a href="javascript:;">京公网安备110105019085</a>
                    <a href="javascript:;">增值电信业务经营许可证：浙B2-20110005</a>
                    <p>Yintai © 2016, 银泰电子商务有限公司.</p>
                </div>
                <div class="end">
                    <a href="javascript:;"><img src="images/end-1.png" /></a>
                    <a href="javascript:;"><img src="images/end-2.gif" /></a>
                </div>
            </div>
        </div>
    </div>

    <!--右侧slide固定栏-->
    <div id="slide">
        <a href="#good">
            <span class="active">时尚名品</span>
        </a>
        <a href="#women">
            <span>潮流女装</span>
        </a>
        <a href="#men">
            <span>精品男装</span>
        </a>
        <a href="#shoes">
            <span>时尚鞋靴</span>
        </a>
        <a href="#bag">
            <span>潮流箱包</span>
        </a>
        <a href="#skin">
            <span>美容护肤</span>
        </a>
        <a href="#sport">
            <span>运动户外</span>
        </a>
        <a href="#wear">
            <span>内衣配饰</span>
        </a>
        <a href="#kid">
            <span>可爱婴童</span>
        </a>
        <a href="javascript:;" id="top">
            <span>返回顶部</span>
        </a>
    </div>
</body>
</html>